yt-page-navigation-progress {
  --yt-page-navigation-container-color: #00000046 !important;
  --yt-page-navigation-progress-color: white !important;
}

#player-page {
  transition: transform 300ms,
  background-color 300ms cubic-bezier(0.2, 0, 0.6, 1) !important;
}

#nav-bar-background {
  transition: opacity 200ms,
  background-color 300ms cubic-bezier(0.2, 0, 0.6, 1) !important;
}

#mini-guide-background {
  transition: opacity 200ms,
  background-color 300ms cubic-bezier(0.2, 0, 0.6, 1) !important;
  border-right: 0px !important;
}

#guide-wrapper {
  transition: opacity 200ms,
  background-color 300ms cubic-bezier(0.2, 0, 0.6, 1) !important;
}

#items {
  border-radius: 10px !important;
}

/* fix blur navigation bar */

ytmusic-app-layout > [slot="player-page"]:not([is-mweb-modernization-enabled]):not(:has(ytmusic-player[player-ui-state=FULLSCREEN])) {
  padding-top: 90px;
  margin-top: calc(-90px + var(--menu-bar-height, 0px)) !important;
}

/* fix icon color */

.duration.ytmusic-player-queue-item, .byline.ytmusic-player-queue-item {
  color: rgba(255, 255, 255, 0.5) !important;
  --yt-endpoint-color: rgba(255, 255, 255, 0.5) !important;
  --yt-endpoint-hover-color: rgba(255, 255, 255, 0.5) !important;
  --yt-endpoint-visited-color: rgba(255, 255, 255, 0.5) !important;
}

.icon.ytmusic-menu-navigation-item-renderer {
  color: rgba(255, 255, 255, 0.5) !important;
}

.menu.ytmusic-player-bar {
  --iron-icon-fill-color: rgba(255, 255, 255, 0.5) !important;
}

ytmusic-player-bar {
  color: rgba(255, 255, 255, 0.5) !important;
}

.time-info.ytmusic-player-bar {
  color: rgba(255, 255, 255, 0.5) !important;
}

.volume-slider.ytmusic-player-bar, .expand-volume-slider.ytmusic-player-bar {
  --paper-slider-container-color: rgba(255, 255, 255, 0.5) !important;
}

/* fix background image */
ytmusic-fullbleed-thumbnail-renderer img {
  mask: linear-gradient(to bottom, #000 0%, #000 50%, transparent 100%);
}

.background-gradient.style-scope,
ytmusic-app-layout[is-bauhaus-sidenav-enabled] #mini-guide-background.ytmusic-app-layout {
  background: var(--ytmusic-background) !important;
}

ytmusic-browse-response[has-background]:not([disable-gradient]) .background-gradient.ytmusic-browse-response {
  background: unset !important;
}

#background.immersive-background.style-scope.ytmusic-browse-response {
  opacity: 0.6;
}
